<template>

    <div>
        <el-dialog style="margin-top:5vh" v-model="mer_off" :title="title" :close-on-click-modal='false'
            @close="handleClose" width="60%">
            <el-tabs type="card" v-model="tabs_activeName" class="demo-tabs" @tab-click="handleClick">
                <el-tab-pane label="飞机" name="飞机">
                    <aircraft @myClick="upCarMd" :id="props.id" v-if="tabs_activeName == '飞机'"></aircraft>
                </el-tab-pane>
   

            </el-tabs>
        </el-dialog>
    </div>

</template>

<script setup>

import { ref, reactive, onMounted, computed, watch,  } from 'vue'
import aircraft from './aircraft.vue'
import train from './train.vue'
import bus from './bus.vue'
import chartered_bus from './chartered_bus.vue'
import { getOrderInfo, } from '@/api/original_order_list.js'

onMounted(() => {
  
  


})
const tabs_activeName = ref('飞机')
const handleClick = (tab, event) => {
    tabs_activeName.value = tab.props.name
}

//#region 弹框控制
const props = defineProps(["data", 'id']);
const mer_off = ref(props.data)
const title = ref('修改订单')
const emit = defineEmits(['myClick'])
const handleClose = () => {
    emit('myClick', false);
}
const upCarMd = (e) => {
    emit('myClick', false);
}


//#endregion
</script>

<style scoped lang='scss'>
:deep(.el-tabs__item.is-active) {

    background: #409EFF !important;
    color: #ffffff !important;
}

.form_Css>.el-form-item {
    margin-right: 10px !important;
}

.div_map {
    position: relative;
    left: 0;
    top: 0;
}

.map_input {
    width: 100%;
    position: absolute;
    z-index: 1;
    display: flex;
    justify-content: center;

}

.map_input2 {
    width: 100%;
    position: absolute;
    z-index: 1;
    display: flex;
    justify-content: center;
    top: 34px;

}

.div_bg:hover {


    background-color: darkgray;
}
</style>

<style>
.el-table .el-table__cell {
    padding: 0px !important;
}



#tab-aircraft_deliver {
    color: red;
}

#tab-train_deliver {
    color: red;
}

#tab-bus_deliver {
    color: red;
}

.col-items::-webkit-scrollbar {
    width: 5px !important;
}

.col-items>label {
    margin-left: 0px !important;
    margin-top: 5px;
    width: 100%;
}
</style>
